.page {
  width: 100%;
  min-height: 100vh;
  background-color: var(--theme-bg-primary);
  color: var(--theme-text-primary);
  font-family: 'Noto Sans SC', 'PingFang SC', 'Helvetica Neue', 'Hiragino Sans GB', 'Microsoft YaHei', 'Arial', sans-serif;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;

  .mainContent {
    flex: 1;
    overflow-y: auto;
    padding: 24px 16px 0;
    padding-bottom: 80px; // 为底部导航栏留出空间
    background-color: var(--theme-bg-primary);

    .tabContainer {
      display: flex;
      border-bottom: 1px solid var(--theme-border-primary);
      margin-bottom: 16px;

      .tab {
        flex: 1;
        padding: 8px 0;
        text-align: center;
        background: none;
        border: none;
        color: var(--theme-text-muted);
        font-size: 16px;
        cursor: pointer;
        transition: all 0.2s ease;

        &.tabActive {
          color: var(--theme-primary);
          font-weight: 600;
          border-bottom: 2px solid var(--theme-primary);
        }
      }
    }

    .notificationList {
      // 通知列表容器样式
    }

    .dateGroup {
      margin-bottom: 24px;

      .dateLabel {
        text-align: center;
        color: var(--theme-text-muted);
        font-size: 12px;
        margin: 16px 0;
        font-weight: 400;
      }

      .notificationCard {
        background-color: var(--theme-bg-card);
        border-radius: 12px;
        padding: 16px;
        margin-bottom: 16px;
        border: none;
        box-shadow: none;

        .notificationTitle {
          font-size: 18px;
          font-weight: bold;
          color: var(--theme-text-primary);
          margin: 0 0 8px 0;
          line-height: 1.4;
        }

        .notificationContent {
          .notificationText {
            color: var(--theme-text-muted);
            font-size: 14px;
            line-height: 1.5;
            margin: 0;
          }
        }
      }
    }
  }
}

// 全局样式覆盖
:global {
  .adm-empty {
    .adm-empty-description {
      color: var(--theme-text-muted) !important;
    }
  }

  .adm-ellipsis {
    color: var(--theme-text-muted) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    a{
      color: var(--theme-primary) !important;
    }
  }

  .adm-ellipsis-content {
    color: var(--theme-text-muted) !important;
  }

  .adm-ellipsis-action {
    color: var(--theme-primary) !important;
    font-size: 14px !important;
  }
}